<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>myMusic</title>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/mymusic.css">
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/base.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/mymusic.js"></script>
</head>

<body>
	<c:if test="${empty user.user_id}">
		<jsp:include page="top.jsp"></jsp:include>
	</c:if>
	<c:if test="${!empty user.user_id}">
		<jsp:include page="topLogin.jsp"></jsp:include>
	</c:if>
	<div style="clear:both;"></div>
	<!--中间部分开始-->
	<div id="my_main" style="width:70%; float:left; margin-left:15%;">
		<div id="my_cl">
			<div id="my_p1" style="width:17%;height:60px; float:left;">
				<img src="../image/img/my-dian.jpg" /> <span class="sp1">我的收藏</span>
			</div>
			<div id="my_gun">
				<marquee direction="left" onmouseover="this.stop()"
					onmouseout="this.start()" scrolldelay="100" id="marque1">
					<img src="../image/img/xiazai.jpg"
						style=" width:15px; height:15px;" /> <span
						style="color:red; font-size:20px; font-weight:bold;">喜欢我们的音乐可以点击下载哦~~~~~~~</span>
				</marquee>
			</div>
			<div id="audio" style="float:right; height:35px; padding-top:15px;float:right;">
				<audio src="../mp3/paomo.mp3" controls="controls" volume="20" autoplay="autoplay"></audio>
			</div>
		</div>
		<div id="my_left">
			<table id="ttop" width="100%" height="30" border="0" cellpadding="0"
				cellspacing="0">
				<tr>
					<td width="33%"><span>收藏列表</span></td>
					<td width="33%"><span>歌曲</span></td>
					<td width="33%"><span>功能</span></td>
				</tr>
			</table>

			<table id="my_tabcol" width="100%" cellpadding="0" cellspacing="0"
				border="0">
				<!-- <c:forEach items="${clistTop}" var="collection" varStatus="status">
					<tr height="40px;">
						<td width="33%" style="padding-left:20px;">${status.index+1}</td>
						<td width="33%"><span>${collection.song.songName}</span><a
							href="action?key=playerModel&songid=${collection.song.songid}"><img
								src="image/img/mv.jpg" />
						</a>
						</td>
						<td width="33%"><a
							href="javascript:findMp3BySort('${collection.song.mp3}')"><img
								src="image/img/erji2.jpg" title="播放" />
						</a> <a href="mp3/${collection.song.mp3}"><img
								src="image/img/xiazai.jpg" title="下载" />
						</a> <a
							href="action?key=removeCollectionModel&collection_id=${collection.collectionid }"><img
								src="image/img/collect.jpg" title="取消收藏" />
						</a></td>
					</tr>
				</c:forEach> -->

			</table>
			<div id="pageChange"
				style="text-align:right;width:46%;;height:15px;padding-top:20px;padding-right:10px;position:absolute;">
				页数:
				<!-- <c:forEach begin="1" end="${myPage}" step="1" var="myindex">
					<a href="javascript:findMyCollectionBySort(${myindex})"
						style="color:black;">${myindex }</a>
				</c:forEach> -->

			</div>

		</div>
		<div id="my_right">
			<div id="my_rtop">
				<img src="../image/img/my-t.jpg" style="width:50px; height:50px;" />
				<span class="sp2">享心情&nbsp;&nbsp;&nbsp;&nbsp;爱音乐</span>
			</div>
			<!-- <c:forEach begin="1" end="15" varStatus="status">
				<div id="my_pics">
					<img src="../image/img/my-index${status.index }.jpg" width="80"
						height="80" />
				</div>
			</c:forEach> -->
		</div>
	</div>
	<!--中间部分结束-->
	<div style="clear:both;"></div>
	<jsp:include page="bottom.jsp"></jsp:include>
</body>
</html>
